<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
    <title>西京文交所管理端</title>
    <link rel="stylesheet" href="../../static/iconfont/iconfont.css" >
    <link rel="stylesheet" href="../../static/frameset.css" >
</head>
<body>

    <div id="J_wrap" class="m_wrap m_box_v p_index none">
        <div class="m_top">
            <headers v-on:callback="headerHandle" :userobj.sync="userobj"></headers>
        </div>
        <div class="m_content m_flex1 m_box">
            <menunav index="user" sub="card" :navobj.sync="userobj.group_acl"></menunav>
            <div class="container m_flex1">
                <ul class="breadcrumbs">
                    <li><span>用户管理</span>&gt;</li>
                    <li class="on">绑卡记录</li>
                </ul>
                <div class="m_search">
                    <input type="text" class="m_input medium" maxlength="12" v-inputnumber placeholder="交易号" v-model="search.no">
                    <select class="m_select m_mini" v-model="search.status">
                        <option value="" disabled selected hidden>绑卡状态</option>
                        <option value="">全部</option>
                        <option value="1">成功</option>
                        <option value="2">失败</option>
                    </select>
                    <select class="m_select m_mini" v-model="search.platform">
                        <option value="" disabled selected hidden>终端</option>
                        <option value="">全部</option>
                        <option value="IOS">IOS</option>
                        <option value="AND">Android</option>
                        <option value="PC">PC</option>
                    </select>
                    <input v-time type="text" class="m_input m_time" placeholder="绑卡日期" v-model="search.date">
                    <button class="m_btn line" v-on:click="reSearch">查询</button>
                    <button class="m_btn line" v-on:click="reset">重置</button>
                </div>
                <table class="m_table">
                    <thead>
                        <tr>
                            <th>交易号</th>
                            <th>姓名</th>
                            <th>银行</th>
                            <th>银行卡号</th>
                            <th>银行预留手机</th>
                            <th>绑卡状态</th>
                            <th>失败原因</th>
                            <th>终端</th>
                            <th>绑卡时间</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-if="list.length < 1">
                            <td colspan="9">
                                <div class="tc">
                                    <template v-if="schFlag">没有符合条件的内容</template>
                                    <template v-else>暂无数据</template>
                                </div>
                            </td>
                        </tr>
                        <tr v-for="item in list" v-if="list.length > 0">
                            <td>{{ item.no }}</td>
                            <td>{{ item.name }}</td>
                            <td>{{ item.bank }}</td>
                            <td>{{ item.card_no }}</td>
                            <td>{{ item.phone }}</td>
                            <td>{{ item.status == 1 ? '成功' : '失败' }}</td>
                            <td>{{ item.desc }}</td>
                            <td>{{ item.platform }}</td>
                            <td>{{ item.bindcard_time }}</td>
                        </tr>
                    </tbody>
                </table>
                <pages :cur.sync="cur" :all.sync="all" v-on:btn-click="getData"></pages>
            </div>
        </div>
    </div>


    <script src="../../js/plugins/zepto/zepto.min.js"></script>
    <script src="../../js/plugins/vue/vue.min.js"></script>
    <script src="../../js/plugins/seajs/sea.js"></script>
    <script src="../../js/plugins/seajs/seajs-text.js"></script>

    <script>
        seajs.use( "../../js/page/user/cardlog" );
    </script>

</body>
</html>
